/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-create-block-accordion {
  //圆角
  border-radius: var(--accordion-border-radius);
  padding: 0 1.5rem;
	details{
   
    
    summary{
      padding: .6rem 0;

        font-size: 1.5rem;
        line-height: 1.5;
        list-style: none;

        display: flex;
        justify-content: space-between;
    }
    summary::marker {
      display: none;
    }

    //下划线
	span{
		position: relative;
    word-break: break-word;
  
    padding: .6rem 0 ;
    display: block;

       
	}
	span::after{
		content: "";
        position: absolute;
        top: 0.2em;
        left: 0;
        width: 100%;
        height: 0.1rem;
        background-color: currentColor;
        transition: .2s;
        opacity: .1;
        border-radius: var(--accordion-border-radius);
	}
  }
    





  
//动画
details[open] summary::after {
  transform: rotate(45deg);
}
  summary::after {
    content: '+';
    float: right;
    transition: transform 0.3s ease; /* 添加过渡效果 */
    
  }
  



//黄色样式
&.is-style-yellow {
  
  background-color: #EEEADD!important;
	border-radius: 8px;
  details{
    color: #39414D!important;
  }
}

//灰色样式
&.is-style-grey {
 
  background-color: #dedede!important;
	border-radius: 16px;
  details{
     color: #333333!important;
  }
}

  
}
